@import "m_reset.scss";
@import "reset.scss";
@import "footer.scss";
@import url(https://at.alicdn.com/t/c/font_3631275_si43zg0tlvp.css);
@function getvw($w){
    @return ($w  /750)*100 + vw
}
.wrap{
    header{
            display: flex;
            flex-wrap: wrap;
            justify-content:space-between;
            align-items: center;
            margin: getvw(48) getvw(23);
            p{
                font-size: getvw(35);
            }
            .back{
                width: getvw(130);
                height: getvw(57);
                border-radius: 20px;
                border: solid 1px #ff9344;
                display: block;
                text-align: center;
                line-height: getvw(55);
                }
                img{
                    width: getvw(67);
                    height: getvw(60);
                }
    }
    main{
        .content1{
            height: getvw(100);
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: getvw(40);
            p{
                font-size: getvw(80);
                color: #ff9344;
            }
            a{
                display: block;
                color: #fff;
                width: getvw(120);
                height: getvw(60);
                background-color: #ff9344;
                text-align: center;
                line-height: getvw(60);
                border-radius: getvw(60);
            }
        }
        .content2{
            display: flex;
            justify-content: space-between;
            margin: getvw(40);
            align-items: center;
            .left{
                display: flex;
                align-items: center;
                img{
                    width: getvw(60);
                }
                span:nth-of-type(2) {
                    color: #ff9344;
                }
            }
            .right{
                color: #8e8e8e;
                font-size: .8467rem;
            }
           
        }
        .content3{
            display: flex;
            justify-content: center;
            .box{
                width: getvw(670);
                height: getvw(70);
                background-color: #ff9344;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 1.2667rem;
            }
           
            
        }
        .content4{
            height:getvw(200);
            display: flex;
            justify-content: center;
            align-items: center;
            // margin: getvw(5);
            .box{
                width: getvw(670);
                display: flex;
                justify-content: space-between;

                .left_box{
                    img{
                        width: getvw(180);
                        height: getvw(180);
                       
                    }
                }
                // .right_box{
                   
                    .left{
                        line-height: getvw(45);
            
                        .star{
                            display:flex;
                            line-height: getvw(50);
                            img{
                                width: getvw(40);
                                height: getvw(40);
                            }
                        }
                        p:nth-of-type(2) {
                            color: #929292;
                            font-size: .56rem;
                        }
                        p:nth-of-type(3) {
                            color: #ff9344;
                            font-size: .36rem;
                        }
                    }
                   
                    
                // }
                .right{
                    display: flex;
                    align-items: center;
                    // margin-left: getvw(125);
                    a{
                        display: block;
                        color: #fff;
                        width: getvw(120);
                        height: getvw(60);
                        background-color: #ff9344;
                        text-align: center;
                        line-height: getvw(60);
                        border-radius: getvw(60);
                    }
                }
            }
         
        }
    }

}